<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input type="text" class="username">
    <br>
    <input type="text" class="password">
    <br>
    <button>登录</button>
    <a href="./reg.html">没有账号，去z注册</a>


    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
    <script>

        // 
        const oUser = document.querySelector('.username') ;
        const oPwd = document.querySelector('.password') ;

        const oBtn = document.querySelector('button') ;

        oBtn.onclick = function() {
            // 验证   正则校验 合法性。。。


            
            // const a = oUser.value.trim() ;
            // const b = oPwd.value.trim() ;

            // ajax({
            //     type : 'post' ,
            //     // 前面的用户名和密码的名字和后端要求的字段是一致的 ，--- 简写   如果名字不一样就不能简写
            //     data : {
            //         username : a ,
            //         password : b
            //     }
            // })

            const username = oUser.value.trim() ;
            const password = oPwd.value.trim() ;

            ajax({
                type : 'post' ,
                // 前面的用户名和密码的名字和后端要求的字段是一致的 ，--- 简写   如果名字不一样就不能简写
                data : {
                    username ,
                    password
                } , 
                url : 'http://43.138.81.225/php/login.php' ,
                success : data => {
                    // console.log(data);
                    const {status , msg} = data ;
                    if(status) {
                        // 登录成功   进入主页   标记用户登录信息
                        // alert('ok')
                        setCookie('LOGIN_USER' , username , 30);
                        location.href = './index.html'
                    } else {
                        alert(msg) ;
                        
                    }
                }
            })
        }

    </script>
    
</body>
</html>